<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>制作表格</title>
<link rel="stylesheet" type="text/css" href="../CSS/CSS.css"></head>

<body>
<p>代码作用说明</p>
<p>　　table标签是表格标签，表格一般用来展现数据，具有行和列所以具有规整性</p>
<p>　　table是一个块级元素标签，其中tr定义行，td定于单元格，border定义表格边框</p>
<hr/>
<p>代码示例</p>
<pre>
&lt;table border=2 width="50%"&gt;
    &lt;tr&gt;
        &lt;td colspan="2"&gt;&nb sp ;&lt;/td&gt;
        &lt;td&gt;&nb sp ;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td rowspan="2"&gt;&nb sp ;&lt;/td&gt;
        &lt;td&gt;&nb sp ;&lt;/td&gt;
        &lt;td&gt;&nb sp ;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&nb sp ;&lt;/td&gt;
        &lt;td&gt;&nb sp ;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</pre>
<hr/>
<p>代码示例</p>
<table border=2 width="50%">
    <tr>
        <td colspan="2">&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td rowspan="2">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
<p>关于定义表格补充说明</p>
<p>　　1.表格的宽度：可以在table中定一个宽度属性（width），如果不定义宽度，那么表格会以表格内容中的长短定义行的宽度；</p>
<p>　　　　　　　　　也可以直接在td中定义宽度，但是，如果table中已经定义宽度，那么td中定义的宽度百分比按table中定义的数字分配百分比</p>
<p>　　　　　　　　　（宽度可以用数字和百分比都可以设置）</p>
<p>　　2.合并单元格：合并单元格有两个标签，一个colspan列的合并，一个rowspan行的合并；（代码示例有合并）</p>
<p>　　　　　　　　　合并的时候一定要注意，如果有合并单元格就要删除多余的单元格</p>
<p>　　3.单元格：在单元格中，使用br标签换行；同时，每一个单元格都是一个容器标签，可以放文字，图片，表格等等</p>


</body>
</html>